<div class="header flex ">
    <img src="assets/images/white_left.svg" alt="" class="header_img">
    <div class="header_cut"></div>
    <div class="header_title">更新</div>
</div>
<div class="background">
    <div class="notes">
        <img src="assets/images/icon-waring.png" alt="" class="notes_img">
        <div>您的设备未连接到互联网。请 </div>
        <a>&nbsp;&nbsp;修改IP&nbsp;&nbsp;</a>
        <div> 连接互联网或选择离线更新的方式更新应用。</div>
    </div>
    <div class="title">
        <div class="title_text1">
            <div>您有</div>
            <div style="color: rgb(255, 80, 80);">&nbsp;&nbsp;3&nbsp;&nbsp;</div>
            <div>个应用可以更新</div>
        </div>
        <div class="title_text2">请前往华为云HiLens-技能市场进行更新</div>
        <div class="title_button">前往技能市场</div>
    </div>
    <div class="table">
        <div class="table_title">可更新应用</div>
        <nz-table #basicTable [nzData]="updateData" [nzSize]="'middle'">
            <thead>
                <tr>
                    <th>Ai应用名称</th>
                    <th>对应设备</th>
                    <th>目前版本号</th>
                    <th>上次更新时间</th>
                    <th>到期时间</th>
                    <th>操作</th>
                </tr>
            </thead>

            <tbody>
                <tr *ngFor="let data of basicTable.data">
                    <td>{{data.name}}</td>
                    <td>{{data.device}}</td>
                    <td>{{data.version}}</td>
                    <td>{{data.updatetime}}</td>
                    <td>{{data.limittime}}</td>
                    <td class="table_td">
                        <div style="cursor: pointer;width: 48px;height: 18px;" (click)="offlineUpdate()">离线更新</div>
                    </td>
                </tr>
            </tbody>
        </nz-table>
    </div>
</div>